<%@ page contentType="text/html" pageEncoding="UTF-8" session="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<c:set var="root" value="${pageContext.servletContext.contextPath}" />
<!doctype html>
<html lang="nl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>GoW</title>
<link rel="stylesheet" href="${root}/css/style.css" />
<head>
<meta charset="utf-8">
<title>GoW</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">

<style type="text/css">
body {
	padding-top: 60px;
	padding-bottom: 40px;
}
</style>
<link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
<link type="text/css" rel="stylesheet"
	href="/stylesheets/bootstrap.min.css" media="screen">
</head>

<body>
	<c:import url="/WEB-INF/JSP/menu.jsp" />

	<div class="container">
	<p>${post.content}</p>
	<p>Posted by: ${post.user.firstName} ${post.user.lastName}</p>
        <p>Score: ${totalPoints}</p>
	
	<c:if test="${not empty errors}">
		<c:forEach var="error" items="${errors}">
			<p>${error}</p>
		</c:forEach>
	</c:if>
                        
        <c:if test="${not empty history}">
            <c:forEach var="score" items="${history}">
                <p>${score.dateTime}: ${score.value}</p>
            </c:forEach>
        </c:if>
	</div>

	<script src="http://code.jquery.com/jquery.js"></script>
	<script src="/js/bootstrap.min.js"></script>
</body>
</html>